<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0, user-scalable=no">
	<title></title>
	<style type="text/css">
		html,body{
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 100%;
			background: #FFFFFF;
		}
		.tit{
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-top: 20%;
			font-size: 4.2vw;
		}
		.tit img{
			width: 18vw;
			height: 18vw;
			margin-bottom: 2.8vw;
		}
		.tit .num{
			font-size: 8vw;
			margin-top: 6vw;
		}
		.btn{
			width: 80%;
			padding: 2.8vw 0;
			text-align: center;
			background: #47d4c2;
			color: white;
			border-radius: 50vw;
			font-size: 4.2vw;
			margin-top: 16vw;
		}
	</style>
</head>
<body>
<div class="tit">
	<img th:src="@{/img/paySuccess.png}" >
	<div>支付成功</div>
	<div class="num">￥<span th:text="${trade.amount}"></span></div>
</div>
<div class="btn">完成</div>
<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript">
	$(function(){
		$('.btn').on('click',function(){//点击关闭
			window.close();
		})
	})
</script>
</body>
</html>
